function Detail ({detail}) {

  return (
    <>
      <p>{detail.content}</p>
      <p>状态: {detail.active ? '显示中' : '已隐藏'}</p>
    </>
  )
}

function Article ({articleData}) {

  return (
    <div>
      <h2>{articleData.title}</h2>
      {/* 这里展示参数的上下文传递 */}
      <Detail detail = {articleData.detail} />
    </div>
  );
}
export default Article;